<template>
  <div class="container">
    <Header></Header>
    <Nav></Nav>
    <div>
      <div class="drink">
        <p>{{ this.drink_goodsName }}</p>
        <p>{{ this.drink_price }}</p>
      </div>

    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from '../components/header.vue'
import Nav from '../components/nav.vue'
import Footer from '../components/footer.vue'
import eventBus from '../views/eventBus'
export default {
  name: 'main_teacher',
  components: {
    Header,
    Nav,
    Footer
  },
  data() {
    return {
      drink_price: [],
      drink_goodsName: [],
    }
  },
  created() {
    eventBus.$on('drink_price', item => {
      this.drink_price = item
      // console.log(this.teacher_title)
    }),
      eventBus.$on('drink_goodsName', item => {
        this.drink_goodsName = item
        // console.log(this.teacher_troduction)
      })
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style scoped></style>
